import React, { useState } from 'react';
import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
const styles = StyleSheet.create({
	container: {
		flex: 1,
		justifyContent: 'center',
		paddingHorizontal: 10
	},
	button: {
		alignItems: 'center',
		backgroundColor: '#DDDDDD',
		padding: 10
	},
	countContainer: {
		alignItems: 'center',
		padding: 10
	}
});
const TouchableOpacityPage = () => {
	const [count, setCount] = useState(0);
	const onPress = () => setCount(prevCount => prevCount + 1);

	return (
		<View style={styles.container}>
			<View style={styles.countContainer}>
				<Text>Count: {count}</Text>
			</View>
			<TouchableOpacity
    onPress={onPress}
    style={styles.button}
			>
				<Text>Press Here</Text>
			</TouchableOpacity>
		</View>
	);
};



export default TouchableOpacityPage;
